iT邦幫忙

DAY 29
1

30 天學會 Web 前端效能優化系列 第 29

[30 天學會 Web 前端效能優化] 29. WebPagetest

  • 分享至 

  • xImage
  •  

除了前面兩篇介紹的工具之外,這一篇文章要介紹的工具你「絕對」不能錯過,因為它的功能太強大了。

今天要介紹的就是這個網站: WebPagetest

今天一樣拿我的部落格做示範,各位進入首頁後便會看到如下的畫面,填入 URL 之後,你可以選擇要測試的國家、地點以及瀏覽器版本(除了 Desktop 還有 Mobile 版本)。這邊我們地點選擇紐約,瀏覽器選擇 Chrome ,好,讓我們開始測試:

測試完成後,點選「Details」就可以看到非常詳細的時間表:

不過這一些功能各位自己嘗試就 OK 了,有一個功能我一定要介紹一下,請各位點擊「Screen Shot」,就會看到如下的畫面:

這是讓我對這個服務愛不釋手的其中一個原因,連 Document 花了多少時間載入完成都寫出來了!不過最強大的地方在於,除了圖片之外,你還可以看到它載入時的影片,每一秒載入時的模樣都可以看得一清二楚,只要點擊我在圖片中框起來的地方就可以將影片下載下來,不過這部分我就不另外示範了。

看完這一系列文章後,各位都具備調校網頁效能所需的基本知識了,只要再搭配這幾篇文章介紹的監測工具,想必各位有足夠的能力可以將自己的網站調整到極佳的速度。


上一篇
[30 天學會 Web 前端效能優化] 28. YSlow
下一篇
[30 天學會 Web 前端效能優化] 30. 結語、延伸學習資源
系列文
30 天學會 Web 前端效能優化30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言